<style rel="stylesheet/scss" lang="scss">
  .load-info{
    .loading,.no-data{
      text-align: center;
      line-height: 3rem;
    }
    .no-data {
      color: #849BAB;
      font-weight: 200;
      letter-spacing: 3px;
      font-size: .85rem;
      img {
        width: 100%;
      }
    }
  }
</style>
<template>
  <div class="load-info">
    <div v-if="loading" class="loading">
      <Spinner type="lines"></Spinner>
    </div>
    <slot v-if="counts && counts > 0"></slot>
    <div v-else-if="!loading" class="no-data">
      <span>当前暂无行程</span>
      <img src="../assets/images/newImg/no_trip.png"/>
    </div>
  </div>
</template>
<script>
  import {Spinner} from 'vux'
  export default{
    components: {Spinner},
    props:{
      loading:{
          type:Boolean
      },
      counts:{
          type:Number
      }
    }
  }
</script>
